<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script>
			//创建对象方式：
//			1.
//			var obj = {};
//			var obj1 = {name:'yuonly'};
//			2.
//			var obj2 = new Object();
//			obj2.name = 'yuonly';
//			obj2.age = 18;
			
//			使用对象用的属性和方法:
			var obj = {
				name:'yuonly',
				age:18,
				eat:function(){
					alert(1)
				}
			}
			1. 对象.属性    对象.方法()
				obj.name   obj.eat();
			2. 对象['属性']  对象['方法名']()
				obj['name']   obj['eat']();
			
// 两种使用属性的方式的区别
	var obj = {
		name: 'yuonly',
		age:18
	}
	1.对象.属性  这种方式.属性名 就是属性名.不会被当作变量
	obj.name = 'liuguoqing';
	obj.sex = 'girl'
		
	2.对象[属性] 这种方式.中括号中的内容,可以是真正的对象的属性名.也可以是变量.
	var name = 'age';
	obj[name]	obj['age'];
		
	var str = 'name';
	obj[str] = 'liuguoqing';
	obj['name'] = 'liuguoqing';
			
			
			
			
		var obj = {name:'yuonly'};
		var str = 'name';
		obj.str = 'laoliu';//{name:'yuonly',str:'laoliu'};
			
		var obj = {name:'yuonly'};
		var ttt = 'name';//
		
		obj['name'] = 'laoliu';//相当于是 obj[ttt] = 'laoliu';
		
		
//		所以执行之后的obj的结果是{name:'laoliu'};
			
			
			
			
			
			
			
			
			
			
			
			
			
			




	
		</script>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
	</head>
	<body>
	</body>
</html>
